<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

	<head>
	
		<title>KHARM - Projet XML</title>
		
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<link rel="stylesheet" href="css/global.css" />
		
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true">
		</script>
		<script type='text/javascript' src='https://www.google.com/jsapi'>
		</script>
		<script type="text/javascript" src="js/global.js">
		</script>
	</head>

	<body>
		<div id="header">
			<h1>KHARM</h1>
		</div>
		<div id="page">
			<div id="map_canvas">
			</div>
			<div id="map_control" onclick="zoom_out();">Vue globale</div>
			<div id="themes">
				<div class="filters">
					<form>
						<label>Année</label>
						<select id="filter_year" name="year">
							<option value="2006">2006</option>
							<option value="2007">2007</option>
							<option value="2008">2008</option>
							<option value="2009">2009</option>
						</select>
					</form>		
				</div>
				<div class="search">
					<form id="countries">
						<div>
							<label>Pays:</label>
							<input type="text" size="30" value="" class="inputString" onkeyup="lookup(this.value, 'countries');" onblur="fill('', 'countries');" />
						</div>
						<div class="suggestionsBox suggestions" style="display: none;">
							<img src="images/upArrow.png" alt="^" />
							<div class="suggestionList autoSuggestionsList">
								<ul></ul>
							</div>
						</div>
					</form>
				</div>
				<div class="search">
					<form id="cities">
						<div>
							<label>Ville:</label>
							<input type="text" size="30" value="" class="inputString" onkeyup="lookup(this.value, 'cities');" onblur="fill('', 'cities');" />
						</div>
						<div class="suggestionsBox suggestions" style="display: none;">
							<img src="images/upArrow.png" alt="^" />
							<div class="suggestionList autoSuggestionsList">
								<ul></ul>
							</div>
						</div>
					</form>
				</div>
				<div class="search">
					<form id="meetings">
						<div>
							<label>Congrés:</label>
							<input type="text" size="30" value="" class="inputString" onkeyup="lookup(this.value, 'meetings');" onblur="fill('', 'meetings');" />
						</div>
						<div class="suggestionsBox suggestions" style="display: none;">
							<img src="images/upArrow.png" alt="^" />
							<div class="suggestionList autoSuggestionsList">
								<ul></ul>
							</div>
						</div>
					</form>
				</div>
				<div id="chart_themes"><p>Sélectionner un congrés</p></div>
			</div>
			<div id="centers">
				<div class="filters">
					<form>
						<label>Centre:</label>
						<select id="filter_centers" onchange="showCenter(this.value);" name="centers">
							<option value="-1">Sélectionner un centre</option>
						</select>
					</form>
				</div>
				<p class="center_info"></p>
				<div id="chart_centers">
				</div>
			</div>
		</div>
	</body>

</html>